<html lang="en"><head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>9999 小游戏 - 9999.siger.club - SIGer 青少年开源科普 出品 </title>
    <style>
        body {
            font-family: Arial, sans-serif;
            background-image: url('tianyi.jpg');
            background-size: cover; /* 自动填充整个窗口 */
            background-attachment: fixed; /* 固定背景，不随窗口滚动 */
            background-position: center top; /* 设置背景图片居中显示 */
        }
        .container {
            text-align: center;
            margin-top: 50px;
        }
        .navigation {
            margin-bottom: 20px;
            display: flex;
            justify-content: center;
            align-items: center;
            color: #ff3860; /* Change menu text color to magenta */
        }
        .navigation a {
            text-decoration: none;
            color: #ff3860; /* Change menu link color to magenta */
            margin: 0 10px;
        }
        .navigation span {
            margin: 0 5px;
        }
        .posters {
            display: flex;
            justify-content: center;
            align-items: center;
            margin-top: 20px;
        }
        .poster img {
            max-width: 100%;
            height: auto;
        }
        .poster {
            margin: 0 3.6%;
            width: 23.69%;
        }
        /* Banner Ad styles */
        .banner-ad {
            position: fixed;
            bottom: 20px;
        }
        .banner-ad.left {
            left: 20px;
        }
        .banner-ad.right {
            right: 20px;
        }
        .banner-mid {
            position: fixed;
            bottom: -16;
            opacity: 0.9; /* 设置透明度为 9% */
            width: 100%; /* 宽度占满整个屏幕 */
            text-align: center; /* 让图片水平居中 */
        }
        .banner-mid img {
            max-width: 79.6%; /* 设置图片最大宽度为屏幕宽度 */
            height: auto; /* 让图片按比例缩放 */
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="navigation">
            <a href="http://9999.SIGer.club" target="_blank" title="9999.SIGer.club"><img width="69px" src="9999.png"></a>
            <span>|</span>
            <a href="https://gitee.com/luckyludii/LuckyLudii/tree/master/pages/15" target="_blank" title="代码仓：保存 .sb3 &amp; .py">代码</a>
            <span>|</span>
            
            
            <a href="https://gitee.com/always-having-a-spring-breeze/siger/issues" target="_blank" title="民族棋中国史 #15 天奕民族棋科普星火队"><b>Issues</b></a> <span>|</span> <a href="https://luckyludii.gitee.io" target="_blank" title="民族棋中国史：世界民族棋文化的传播与分享！">luckyludii.gitee.io</a>  <span>|</span> <a href="https://luckyludii.gitee.io/17" target="_blank" title="民族棋中国史 #17 滨图文化科普星火队">#17</a>
        </div>
        <div class="posters">
            <div class="poster">
                <a href="http://minzuchess.com/9999/zhuobie.html" target="_blank" title="捉鳖AI powered by Python"><img src="zhuobie.png"></a>
            </div>
            <div class="poster">
                <a href="http://flamechess.cn/js/rander/19s.html?19" target="_blank" title="捉鳖训练，人工示教 powered by Scratch"><img src="19.png"></a>
            </div>
            <div class="poster">
                <a href="http://minzuchess.com/9999/shanlu.html" target="_blank" title="山鹿棋AI powered by Python"><img src="shanlu.png"></a>
            </div>
        </div>
    </div>

    <!-- Banner Ads 
    <div class="banner-ad left">
        <img src="left.png" alt="Left Banner Ad">
    </div>
    <div class="banner-ad right">
        <img src="right.png" alt="Right Banner Ad">
    </div>-->

    <!-- Banner Ads -->
    <div align="center" class="banner-mid">
        <img src="yuebei.png" alt="mid bottom Ad">
    </div>

</body></html>